<template>
	<view class="main">
		<xzy-paging-down ref="scrollViewRef" @query-data="getDataInfo" class="scroll-view" :api="GetPayOrderListApi"
			:params="initParams">
			<item v-for="(cur, i) in dataList" :key="i" :item="cur">
				<template v-slot:title>
					{{ cur.title }}-
					<text :style="{
										color: cur.status == 1 ? '#FF9A00' : cur.status == 2 ? '#222222' : '#FF0000'
									}">
						{{ cur.statusMsg }}
					</text>
				</template>
			</item>
		</xzy-paging-down>
	</view>
</template>

<script setup>
	import {
		ref,
		reactive,
		onMounted
	} from 'vue'
	import {
		onLoad,
		onShow
	} from '@dcloudio/uni-app'
	import Item from './index.vue'
	import {
		GetPayOrderListApi
	} from '@/api/modules/mine.js'
	import useStore from '@/stores'
	const {
		globalStore
	} = useStore()
	const userId = globalStore.userInfo.id

	const dataList = ref([])
	const scrollViewRef = ref()


	const initParams = reactive({
		type: 2
	})

	const getDataInfo = (data) => {
		dataList.value = data
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		height: 100%;
	}
</style>